@charset "utf-8";
/* CSS Document */
.mcont{
    overflow: hidden;
    margin: 20px 1%;
    background-color: #fff;
}
.vcont{
    overflow: hidden;
    margin: 20px 1%;
}

.cr_titlle{
    border-left: 4px solid #D0021B;
    height: 22px;
    font-size: 22px;
    line-height: 22px;
    text-indent: 4px;
    font-weight: 500;
    color: #5C95FC;
}

.cr_cont{
    overflow: hidden;
    margin-top: 26px;
    margin-left: 14px;
}

.cr_cont dt{
    height:40px;
    font-size:14px;
    font-weight:500;
    color:#333;
    line-height: 40px;
    margin-top: 4px;
}

.cr_cont dt span{
    color: #D0021B;
    letter-spacing: 4px;
    vertical-align: middle;
}

.cr_cont input[type=text]{
    width:280px;
    height:36px;
    border: 1px solid #899cbf;
    border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size:14px;
    font-weight:400;
    line-height:20px;
    padding: 0px 10px;
    outline: none;
}

.cr_cont select{
    width:302px;
    height:38px;
    border: 1px solid #899cbf;
    border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size:14px;
    font-weight:400;
    line-height:20px;
    padding: 0 10px;
    outline: none;
}

.cr_cont .needs select{
    width:90px;
    height:36px;
    border: 1px solid #899cbf;
    border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size:14px;
    font-weight:400;
    line-height:20px;
    padding: 0 10px;
    outline: none;
    margin-left: 10px;
}

.cr_tj{
    overflow: hidden;
}

.cr_tj dl{
    float: left;
    margin-right: 80px;
}

.vcont .btn{
    width:200px;
    height:40px;
    background: #6982ae;
    border: 1px solid #899cbf;
    color: #f4f7fd;
    padding:0;
    font-size: 22px;
    text-align: center;
    line-height: 40px;
    letter-spacing: 2px;
    float: left;
    margin-right: 10px;
}
.vcont .btn:hover{
    background: #4a6390;
}

.vcont .btn_ok{
    background: #5C95FC;
    color: #fff;
}

.vcont .btn_ok:hover{
    background: #4880e5;
}

.btn_add {
    background: #ffffff;
    border: 1px dashed #1E9FFF;
    color: #1E9FFF;
    padding: 8px 10px;
    display: inline-block;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    margin-left: 10px;
}

.btn_del {
    background: #ffffff;
    border: 1px dashed #D53638;
    color: #D53638;
    padding: 8px 10px;
    display: inline-block;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    margin-left: 10px;
}

.no_label {
    height: 0 !important;
}


.btn_dl{
    float: left;
    width: 100%;
}

/* 选择 */
.img_sel {
    position: relative;
    width: 359px;
    margin-right: 10px;
    /*float: left*/
}

.img_sel .sct {
    width: 100%
}

.mp_instu {
    padding: 40px 40px 20px
}

.mp_seld dl {
    margin-bottom: 15px
}

.mp_seld dt {
    float: left;
    width: 135px;
    text-align: right;
    padding: 5px 0 0
}

.mp_seld dd {
    margin-left: 145px;
    line-height: 28px
}

.mp_seld dd .js_ak a {
    display: inline-block;
    padding: 5px 15px;
    border: 1px solid #ddd;
    background: #fff;
    color: #666;
    margin: 0 10px 10px 0
}

.mp_seld dd .js_ak a:hover {
    background: #f24143;
    color: #fff
}

.mp_seld dd .js_ak input:checked+a {
    background: #f24143;
    color: #fff;
}

.dj_ns {
    padding-left: 24px
}

.dj_ni {
    margin-bottom: 10px
}

.dj_ns span {
    display: inline-block;
    margin: 5px 10px 5px 0
}

::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

::-webkit-scrollbar-track-piece {
    background-color: #ebebeb;
    -webkit-border-radius: 4px;
}

::-webkit-scrollbar-thumb:vertical {
    height: 32px;
    background-color: #ccc;
    -webkit-border-radius: 4px;
}

::-webkit-scrollbar-thumb:horizontal {
    width: 32px;
    background-color: #ccc;
    -webkit-border-radius: 4px;
}

.mySelect {
    position: relative;
    width: 300px;
    /*float: left;*/
}

.mySelect .inputWrap {
    width: 100%;
    min-height: 40px;
    border: 1px solid #ccc;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
}

.mySelect ul {
    padding: 0 5px;
    margin: 0;
    padding-right: 35px;
}

.mySelect ul, li {
    list-style: none;
}

.mySelect li {
    display: inline-block;
    background: #eaeaea;
    padding: 5px;
    margin: 5px 5px 5px 0;
    border-radius: 5px;
}

.mySelect .fa-close {
    cursor: pointer;
}

.mySelect .fa-close:hover {
    color: #237eff;
}

.mySelect .mySelect-option {
    width: 100%;
    border: 1px solid #ccc;
    max-height: 200px;
    overflow-y: scroll;
    position: absolute;
    height: 0;
    opacity: 0;
    z-index: 9;
    background-color: #d8d8d8;
}

.mySelect .mySelect-option div {
    padding: 10px;
}

.mySelect .inputWrap>i {
    position: absolute;
    padding: 13px;
    right: 0;
    top: 0;
}

.mySelect-option div {
    cursor: pointer;
    border-bottom: 1px solid #e7e7e7;
    margin: 5px;
}

.mySelect-option div i {
    float: right;
    color: #ffffff;
}

.mySelect-option div.selected {
    background: #237eff;
    color: #ffffff;
    border-radius: 5px;
}

.mySelect-option div:hover {
    background: #9ec6ff;
    color: #ffffff;
    /* border-bottom: 1px solid #9ec6ff; */
}


.mySelect .inputWrap{
    padding: 0px 10px;
    font-size: 14px;
    width: 280px;
    border: 1px solid #899cbf;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-weight: 400;
    line-height: 20px;
    outline: none;
}